<fieldset>
{{#settings-row
	(t "settings.main.language.title")
	(t "settings.main.language.description")
	icon="fa-language"
	notes=(t "settings.main.language.notes")
}}
	{{#drop-down
		value=model.gui.language
		content=contentGuiLanguages
		classNames="dropdown-language"
		as |dropdown|
	}}
		{{#dropdown.selection as |selection|}}
			{{#if (is-equal selection.value "auto")}}
				<i class="fa fa-globe icon-lang-auto"></i> {{t "settings.main.language.labels.auto" label=selection.label}}
			{{else}}
				{{flag-icon lang=selection.value withCursor=false}} {{selection.label}}
			{{/if}}
		{{/dropdown.selection}}
		{{#dropdown.list as |item|}}
			{{#if (is-equal item.value "auto")}}
				<i class="fa fa-globe icon-lang-auto"></i> {{t "settings.main.language.labels.auto" label=item.label}}
			{{else}}
				{{flag-icon lang=item.value withCursor=false}} {{item.label}}
			{{/if}}
		{{/dropdown.list}}
	{{/drop-down}}
{{/settings-row}}

{{#settings-row
	(t "settings.main.advanced.title")
	(t "settings.main.advanced.description" htmlSafe=true)
	icon="fa-unlock-alt"
}}
	{{check-box
		(t "settings.main.advanced.checkbox")
		checked=model.advanced
	}}
{{/settings-row}}
</fieldset>

<fieldset>
{{#settings-row
	(t "settings.main.theme.title")
	(t "settings.main.theme.description")
	icon="fa-paint-brush"
	notes=(if (is-equal model.gui.theme systemThemeId) (t "settings.main.theme.notes-system") "")
}}
	{{#drop-down
		value=model.gui.theme
		content=contentGuiTheme
		as |dropdown|
	}}
		{{#dropdown.selection as |selection|}}
			{{t (concat "themes." selection.value)}}
		{{/dropdown.selection}}
		{{#dropdown.list as |item|}}
			{{t (concat "themes." item.value)}}
		{{/dropdown.list}}
	{{/drop-down}}
{{/settings-row}}

{{#settings-row
	(t "settings.main.homepage.title")
	(t "settings.main.homepage.description")
	icon="fa-home"
}}
	<em class="small">
		{{t "settings.main.homepage.text.first"}}<br>
		{{t "settings.main.homepage.text.second"}}
	</em>
{{/settings-row}}

{{#settings-row
	(t "settings.main.scrolling.title")
	(t "settings.main.scrolling.description")
	icon="fa-arrows-alt"
}}
	{{check-box
		(t "settings.main.scrolling.checkbox")
		checked=model.gui.smoothscroll
	}}
{{/settings-row}}

{{#if model.advanced}}
	{{#settings-row
		(t "settings.main.externalcommands.title")
		(t "settings.main.externalcommands.description")
		icon="fa-terminal"
		notes=(t "settings.main.externalcommands.notes")
	}}
		{{check-box
			(t "settings.main.externalcommands.checkbox")
			checked=model.gui.externalcommands
		}}
	{{/settings-row}}
{{/if}}
</fieldset>